<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>抽奖活动</title>
<style>
    #showJP {
        margin-top: 20px;
        padding: 10px;
        border: 1px solid #ccc;
        width: 300px;
        text-align: center;
    }
</style>
</head>
<body>

<button id="drawButton">点击抽奖</button>
<div id="showJP"></div>

<script>
var jiangpin = ["华为mate70pro", "华为padpro", "小米14Ultra", "su7模型", "荣耀60i"];
document.getElementById("drawButton").addEventListener("click", function() {
    var randomIndex = Math.floor(Math.random() * jiangpin.length);
    var prize = jiangpin[randomIndex];
    document.getElementById("showJP").innerText = "恭喜你获得：" + prize;
});
</script>

</body>
</html>
